$(function () {

    let x1 = 0

    $('.banner').hover(event => {
        x1 = event.pageX
    })

    $('.banner').mousemove(event => {
        let x2 = event.pageX
        if (x2 > x1) {
            let blur3 = parseInt($('.layer:nth-child(3) img').css('filter').substr(5, 1))
            let blur4 = parseInt($('.layer:nth-child(4) img').css('filter').substr(5, 1))
            let blur5 = parseInt($('.layer:nth-child(5) img').css('filter').substr(5, 1))

            console.log(blur3);

            // $('.layer:nth-child(3) img').css('filter', `blur(${blur3 + 0.1}px)`)
            $('.layer:nth-child(3) img').css('width', `100px`)
        }
        //往左滑
        if (x2 < x1) {

        }
        x1 = x2
    })
})